{% extends "./layout/base.njk" %}
{% set current = "users" %}

{% block content %}
{% include "./include/header.njk" %}
<div class="container mx-auto p-4">
	<div x-data="users">
		<template x-for="user in data" :key="user.id">
			<div class="border rounded mb-4 p-4">
				<h1 class="text-2xl font-bold" x-text="user.name"></h1>
				<p class="mt-2 opacity-50" x-text="user.email"></p>
			</div>
		</template>
	</div>
</div>
{% endblock %}

{% block script %}
<script src="{{jsPath}}/users.min.js"></script>
{% endblock %}